草庐IT

Java 3D 游戏引擎?

全部标签

javascript - javascript中的乒乓球游戏碰撞

您好,我尝试制作乒乓球游戏。但是我的碰撞方法不起作用我看不出我做错了什么。球穿过球员。碰撞方法对我来说似乎不错if(player.leftball.left&&player.topball.top){ball.vel.x=-ball.vel.x;}classVec{constructor(x=0,y=0){this.x=x;this.y=y;}}classRect{constructor(w,h){this.pos=newVec;this.size=newVec(w,h)}getleft(){returnthis.pos.x-this.size.x/2;}getright(){retu

Javascript 3d 图形实用程序?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭7年前。Improvethisquestion有人知道任何好的javascript3d绘图实用程序吗?我知道每个网站都会推荐Canvas3dGraph但它实际上是非常有限的。对于其中一个,它只允许使用1000以内的数据集进行绘图。虽然它确实有一些能力(通过一些代码修改)来绘制有点超出其范围的数据,但完全改造后的任何东西都不允许绘制图形基于时间或值远大于1000的数据。(我的数据值范围为数十亿。)或者我应该放弃所有

javascript - 如何在 Aframejs 中加载 3d 模型?它目前在 threejs 中运行良好

我创建了一个3d动画模型,我设法在threejs中运行它。varloader=newTHREE.FBXLoader();loader.load('model.fbx',function(object){object.mixer=newTHREE.AnimationMixer(object);mixers.push(object.mixer);console.log(object.animations.length);varaction=object.mixer.clipAction(object.animations[0]);action.play();object.traverse(

javascript - OOP Javascript Pong 游戏中的上下文位于何处?

为了练习我的OOP知识,我正在用javascript制作Pong游戏(我知道,我知道,这就像在吉他店里玩StairwaytoHeaven)。通过实现几种不同的技术,包括基于原型(prototype)的OOP和功能风格,我已经拥有了游戏的多个功能版本。但是,我这样做并不是为了获得功能性游戏,而是为了学习。我使用的是html5Canvas和纯ol'javascript,没有框架(好吧,键盘捕获需要一点jQuery)。我有代表我游戏的Pong对象。Pong有一个属性ctx,其中包含对canvas.getContext("2d")上下文的引用。它还有一个player1、player2和ball

javascript - 如何在像 mustache 这样的无逻辑模板引擎中制作导航栏

我试图理解无逻辑模板背后的概念,但我发现自己碰壁了。我想实现一个简单的导航栏,例如每个页面顶部的“主页、关于、联系”链接,“当前”链接应该用不同的类突出显示(我使用的是Bootstrap)。但是我怎样才能以明智的方式做到这一点呢?到目前为止,我有:将导航移动到每个模板,并复制整个内容(不是干的,丑陋的)。使用键而不是值,即render('home',{on_home_page:true});与Home.这样更好,但仍然很烦人,因为我必须创建N个变量来保存1个变量值的数据。在Controller中创建导航,即传入{'Home':{link:'/',active:false},'About

javascript - 使用 Google Maps API 获取游戏的街道图

我是GoogleMapsAPI的新手,我想开发一款游戏,使用Googlemap上的街道作为路径。我很清楚我需要什么,但我什至不知道从API文档开始搜索什么...我怎样才能得到像城市街道或谷歌地图其他部分的图形表示-像十字路口的顶点和边缘的街道名称(或任何我可以转换成这样的东西),顶点映射到(lat,long)坐标点...甚至是街道的Polyline对象,这样我就可以从中提取我想要的东西?(路由查找算法肯定可以访问这样的数据结构,所以它就在某处,但我如何通过API获取它?)如果有人尝试编写类似基于Googlemap的自定义路线查找应用程序之类的东西,他可能经历了从API中获取数据之王的步

javascript - V8引擎巫毒: Why is this faster/slower?

我目前正在研究图像编辑器,偶然发现了V8中有关像素操作和/或函数调用的奇怪行为。http://jsperf.com/canvas-pixelwise-manipulation-performance有两个测试用例。两个测试用例都应该操纵内存Canvas的图像数据以增加亮度。因此他们必须遍历每个像素并操纵每个像素的4个颜色值。案例一案例1“总共调用了1个函数”,这意味着它将上下文和imageData传递给一个函数,然后该函数遍历像素并处理数据。一站式功能案例2案例2执行“每个像素1次函数调用”,这意味着它遍历像素并为每个像素调用一个方法,然后操作给定像素的imageData。这导致(在本

javascript - 将 C# 3D 数组移植到 JS 3D 数组

我开发了一个c#库,它在3个项目中使用,该库在该特定代码段中中继,但是,我仍然需要在javascript中使用该代码,所以我将其移植出去,问题是,我不认为我可以复制相同的逻辑,例如,我一直在想这几天我无法得到答案。在C#库中,我有一个3D数组,它有点像应用程序中的核心属性,但我似乎无法弄清楚如何在JS环境中实现它。例如我有这段代码:publicObj[,,]objs=newObj[18,14,8];我会在每个位置分配对象,并尝试将其移植到javascript,这似乎会导致:var3dArr=newArray();3dArr[0]=newArray();3dArr[0][0]=newAr

Javascript 游戏;减速和卡住!如何解决?

我开始编写javascript塔防;到目前为止,我已经掌握了爪牙在轨迹上的运动。但是我有一个很大的麻烦,游戏突然卡住了几秒钟。我猜这是垃圾收集器在做它的工作,关于我如何解决这个问题的任何想法都会非常好,因为我计划在游戏中添加更多元素并且我不想继续编码直到我得到完美流畅!到目前为止的代码非常简单;你可以看看here代码如下:#game{background:red;width:500px;height:500px;position:relative;}.mostro{background:black;width:15px;height:15px;position:absolute;}wa

javascript - 在 HTML5 Canvas 上创建立体 3D 图像

我正在使用HTML5canvas对象创建一个简单的3D引擎。它运作良好,但我想实现红/蓝立体图像处理,这样人们就可以使用红/蓝眼镜真正看到3D。目前,我对3D对象进行了两次渲染,第二次是从紧挨着第一个相机位置的相机位置渲染的。我面临的问题是如何将渲染的两个对象组合成具有正确颜色的浮雕。现在我使用globalAlpha=0.5并将第一个渲染为红色,第二个渲染为蓝色。然而,这并不完全有效,因为仅受红色对象影响的像素应该保持红色,但由于我的背景颜色是黑色,它们会变成黑色和红色之间的颜色。在查看创建3D浮雕的应用程序时,我注意到红色和蓝色像素一起计算如下:2550000255---------